<meta charset="utf-8">
<title>平台单页</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="网站描述">
<meta name="keywords" content="">
<meta name="author" content="wangl">
<link rel="icon" href="http://ow9lg82yy.bkt.clouddn.com/24f5c360-485d-4a6d-9468-2a61c353cf37.ico">
<link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
<link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all">
<link rel="stylesheet" href="/static/css/user.css" media="all">
<link rel="stylesheet" href="/static/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">

<style>
    * {
        margin: 0;
        padding: 0;
    }

    #ele {
        padding: 20px
    }

    .clearfix::after {
        content: ".";
        clear: both;
        display: block;
        overflow: hidden;
        font-size: 0;
        height: 0;
    }

    .clearfix {
        zoom: 1;
    }

    .Pagination ul {
        list-style: none;
    }

    .Pagination .total_num, .first_page, .prepage, .list_box, .nextpage, .last_page, .total_page, input, .redir {
        float: left;
    }

    .Pagination ul li {
        float: left;
        background-color: #ccc;
        border-radius: 5px;
        text-align: center;
        line-height: 22px;
        width: 22px;
        height: 22px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination ul li:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .total_num {
        margin: 0 5px;
    }

    .Pagination .total_num i {
        font-style: normal;
    }

    .Pagination .list_box {
        width: 320px;
        overflow: hidden;
        position: relative;
        height: 32px;
    }

    .Pagination .list_box ul {
        position: absolute;
        top: 0;
        left: 0;
    }

    .Pagination .prepage {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .prepage:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .nextpage {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .nextpage:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .first_page {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .first_page:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .last_page {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .last_page:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .redir {
        background-color: #58acf4;
        color: #fff;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 14px;
        cursor: pointer;
    }

    .Pagination .redir:hover {
        opacity: 0.8;
    }

    .Pagination input {
        width: 50px;
        height: 25px;
        border-radius: 5px;
        border: 1px solid #ccc;
        outline: none;
        text-indent: 5px;
        margin: 0 5px;
    }

    .Pagination .short {
        background-color: #fff;
        cursor: default;
    }

    .Pagination .short:hover {
        background-color: #fff;
        color: #8b8b8b;
    }

    .Pagination_active {
        background-color: #58acf4 !important;
        color: #fff !important;
    }

    .detail-body {
        margin: 20px 0 0;
        min-height: 306px;
        line-height: 26px;
        font-size: 16px;
        color: #333;
        word-wrap: break-word;
    }

    /* blockquote 样式 */
    blockquote {
        display: block;
        border-left: 8px solid #d0e5f2;
        padding: 5px 10px;
        margin: 10px 0;
        line-height: 1.4;
        font-size: 100%;
        background-color: #f1f1f1;
    }

    /***
    *  ztree 图标变成黄色
    */
    .ztree .line {
        line-height: 0;
        border-top: none;
        float: none;
    }

    .ztree li span.button.ico_docu {
        background-position: -110px 0;
        margin-right: 2px;
        vertical-align: top;
    }

    /* code 样式 */
    code {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background-color: #f1f1f1;
        border-radius: 3px;
        padding: 3px 5px;
        margin: 0 3px;
    }

    pre code {
        display: block;
    }

</style>

<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/tools.js"></script>
<script type="text/javascript" src="/static/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="/static/js/CodeConst.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
</head>
<body class="childrenBody">
<div class="layui-col-xs12">
    <fieldset class="layui-elem-field">
        <legend>单页</legend>
        <div class="layui-field-box">
            <div class="layui-inline">
                <a href="addpage" class="layui-btn layui-btn-normal" data-type="addBlogArticle">添加单页</a>
            </div>
        </div>
    </fieldset>
    <div class="layui-form users_list">

        <table cellspacing="0" cellpadding="0" border="0" class="layui-table">
            <thead>
            <tr>
                <th data-field="0" data-unresize="true">
                    <div class="layui-table-cell laytable-cell-1-0 laytable-cell-checkbox"><input
                                type="checkbox" name="layTableCheckbox" lay-skin="primary"
                                lay-filter="layTableAllChoose">
                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i
                                    class="layui-icon"></i></div>
                    </div>
                </th>
                <th data-field="anid">
                    <div class="layui-table-cell laytable-cell-1-anid"><span>编号</span></div>
                </th>
                <th data-field="content">
                    <div class="layui-table-cell laytable-cell-1-content"><span>单页标题</span></div>
                </th>
                <th data-field="content">
                    <div class="layui-table-cell laytable-cell-1-content"><span>单页内容</span></div>
                </th>
                <th data-field="link">
                    <div class="layui-table-cell laytable-cell-1-link"><span>单页链接</span></div>
                </th>
                <th data-field="publistTime" data-unresize="true">
                    <div class="layui-table-cell laytable-cell-1-publistTime"><span>发布时间</span></div>
                </th>
                <th data-field="9">
                    <div class="layui-table-cell laytable-cell-1-9" align="center"><span>操作</span></div>
                </th>
            </tr>
            </thead>
            <tbody id="anList">
            </tbody>
        </table>
        <div class="box-tools pull-right">
            <#--<a class="layui-btn-sm" href="/back/content/an/list">首页</a>-->
            <ul class="pagination" id="pagination_ul">
            </ul>
            <#--<a id="lastPageA" class="layui-btn-sm" href="/back/content/an/list?pageNum=">末页</a>-->
        </div>

    </div>
</div>
</body>

<!-- <script type="text/javascript" src="/static/js/jquery-1.10.2.js"></script> -->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script>

    //遍历baseDto
    function loadData(baseDto) {
        if (baseDto.code == ERROR)
            console.log(baseDto.msg);
        else {
            //数据
            $("#lastPageA").attr("href", "/back/content/ad/list?pageNum=" + baseDto.data.lastPage);
            var data = baseDto.data.list;
            var text = "";
            $.each(data, function (index, an) {
                text += "<tr>\n" +
                    "<td><input name=\"ids\" type=\"checkbox\"></td>\n" +
                    "<td>" + an.id + "</td>\n" +
                    "<td>" + an.anTitle + "</td>\n" +
                    "<td>" + an.anContent + "</td>\n" +
                    "<td>" + an.anLink + "</td>\n" +
                    "<td>" + an.createTime + "</td>\n" +
                    "<td class=\"text-center\" align=\"center\">\n" +
                    "    <a href='/back/content/an/editpage?anId=" + an.id + "'  onclick='setCommonParam(" + an.id + ")' type=\"button\" class=\"layui-btn layui-btn-xs\">编辑</a>\n" +
                    "    <a href='/back/content/an/del?anId=" + an.id + "'        type=\"button\" class=\"layui-btn layui-btn-xs\">删除</a>\n" +
                    "</td>\n" +
                    "</tr>";
            });
            var anListDom = $("#anList");
            anListDom.empty();//清空子元素
            anListDom.append($(text));

        }
    }

    function loadPage(a) {
        var a_jquery = $(a);
        var url = a_jquery.attr("link");
        $.ajax(
            {
                url: url,
                type: "GET",
                success: function (baseDto) {
                    loadData(baseDto);
                }
            }
        );
    }

    layui.use(['laypage', 'layer'], function () {
        var laypage = layui.laypage
            , layer = layui.layer;
        //获取所有广告信息


        // printJson("调用ajax");
        //获取数据
        $.ajax({
            url: "/back/content/an/list",
            type: "GET",
            success: function (baseDto) {
                loadData(baseDto);
                baseDto = baseDto.data;
                laypage.render({
                    elem: 'pagination_ul'
                    , count: baseDto.total
                    , curr: baseDto.fristPage //获取起始页
                    , limit: 10
                    , jump: function (obj) {
                        loadPage(obj.curr);
                    }

                });
            }
        });


        function loadPage(pageNum) {
            $.get("/back/content/an/list?pageNum=" + pageNum, function (baseDto) {
                loadData(baseDto);
            })
        }

    });


</script>


</html>